<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>内边距特性</title>
    <style>
        /* 
        1.背景色蔓延到内边距
        2.可以设置单一方向吗 
        padding-方向：top bottom left right
        */
        *{
            padding:0;
        }
        div {
            width: 300px;
            height: 300px;
            /* padding: 30px 0 0 0 ; */
            padding-right:10px;
            /* 不支持负数 */
            background: yellow;
        }
        ul{
            padding-left:0;
            /* 可以消除星号 */
        }
    </style>
</head>

<body>
    <div>
        Lorem ipsum, dolor sit amet consectetur adipisicing elit. Placeat tempora doloribus ab culpa maxime molestiae
        facere, ipsa, dignissimos, a ea soluta unde minus odit officiis facilis sint labore aperiam praesentium!
    </div>
    <ul>
        <li>1111</li>
        <li>2222</li>
        <li>3333</li>
    </ul>
</body>

</html>